<template>
  <div ref="highcharts" :style="{ width:width, height:height }">
    <div id="highcharts" :option="option"></div>
  </div>
</template>
<script>
import HighCharts from 'highcharts'
import highcharts3d from 'highcharts/highcharts-3d'
highcharts3d(HighCharts)
export default{
  props: {
    width: {
      type: String,
      required: false,
      default: '0px'
    },
    height: {
      type: String,
      required: false,
      default: '0px'
    },
    option: {
      type: Object,
      required: false,
      default: () => {
        return {}
      }
    }
  },
  data () {
    return {

    }
  },
  components: {

  },
  mounted () {
    HighCharts.chart('highcharts', this.option)
  },
  methods: {

  }
}
</script>

<style>
</style>
